WORKSHOP 


Je eigen videoworkshop met Wink 


Als Clickx-lezer word jij regelmatig door familie en 
vrienden aan de mouw getrokken als ze een computer- 
probleem hebben. Maar het is niet altijd even simpel 
om van op een afstand alles netjes uit te leggen. De 
oplossing? Blik de hele procedure in met Wink, en 
mail hen je eigen workshopfilmpje door. ‚ roon van oacte 


Vo 


NI H et is een huizenhoog cliché, maar een beeld 
WAT DOEN WE? zegt soms meer dan 1.000 woorden. Zeker als 
je die beeldjes tot een animatiefilmpje aan elkaar 
weet te rijgen (en je daarbij ook nog eens commen- 
taar kan inspreken). Dat is precies wat Wink doet: 
deze gratis tool maakt automatisch screenshots en 
kan tevens je stem opnemen. Elk screenshot komt in 
een apart frame terecht, en samen vormen die op- 
eenvolgende frames een filmpje. Opslaan kan onder 
meer in het populaire Flash-formaat, of als uitvoer- 
baar exe-bestand. Ideaal dus als nonkel Jos nog eens 
aan de telefoon hangt met alweer een computer- 
vraagstuk. En met zo’n visuele workshop maak je 
gegarandeerd indruk! 


WAARMEE? 


DUUR? 


dreven 


STAP 1 / BINNENHALEN EN INSTALLEREN 


Wink 2.0 voor Windows — er bestaat ook een iets oudere versie voor 
Linux — kan je downloaden op onze site klik op AanvuLLers 
128. Zodra je het zip-bestand (2,76 MB) hebt uitgepakt, dubbelklik je 
Op WINK20.Exe. Verklaar je akkoord met de gebruiksovereenkomst en 
kies een geschikte installatiemap. Standaard is dat \Proaram Fires\De- 
gucMope\Wink, maar dat heb je via de Browse-knop snel aangepast. Druk 
daarna op de knop Instat. Beantwoord de vraag CREATE A ProGRAM Group 
FOR ME IN THE START Menu bij voorkeur met Ja. Als je vervolgens de Windows 
Start-knop indrukt, kan je Wink opstarten via ALLE PROGRAMMA'S, DeBuG- 
Mope, Wink (zie afbeelding 1). Je vindt hier trouwens ook een Engelsta- 
Tige handleiding in pdf-formaat (36 pagina’s). 


fi Debugmade | fi Wink p Sj Uninstall Wink 


€) Wink on the Web 
7 Wink User Guide 1 


Wink laat zich in een oogwenk installeren. 
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Kijk, zo doe je het! 


OM TE SCHIETEN, VERWIJDER EERST 
DE VEILIGHEID VAN DE Ak-47… 


MAAK ZELF EEN TUIORIAL. 


STAP 2 / INSTELLINGEN AFSTELLEN 


Vooraleer je Wink je schermcapriolen laat vastleggen, loop je best een 
paar instellingen na. Open alvast het menu Fre en kies Prererences — de 
optie Lanauaces bevat jammer genoeg geen Nederlands. De meeste op- 
ties uit dit dialoogvenster zullen je wellicht Chinees lijken (zie afbeel- 
ding 2). Niet zo erg, want de standaardinstellingen zijn prima. Contro- 
leer wel even bij CHANGE HoTKEYS FoR of de drie sneltoetsen die je straks 
nodig hebt voor het vastleggen van de schermafbeeldingen voor jou 
oké zijn (standaard zijn dat Pause, Shirr+Pause en Aur+ Pause). Ben je van 
plan om Wink je hele scherm te laten opnemen (en niet enkel een ven- 
ster), stel de schermresolutie dan bij voorkeur in op (maximaal) 
800x600 pixels. Dan heb je meer kans dat de kijker het filmpje in z'n 
geheel, zonder scrollen, kan bekijken. Bevestig eventuele wijzigingen 
met OK. 


Preferences 

Thumbnail image size (in pixels) (64 \$ #|64 | 
Allow new instances when opening projects from file explorer [] 
Laad last project at startup Compress fast while capturing 


Show frame icons in thumbnails 


Keys to ignore when capturing in input-driven capture mode | Choose Keys 


Save project before rendering [] 


Change hotkeysfor | Single frame capture Timed capture | Input-driven capture 


Audio tone to play after capturing a screenshot 


External HTML viewer path (leave empty for system default) 


De standaardinstellingen voldoen gewoonlijk. 


X Îr Lokaal station (C:) 


KA New Project Wizard - Step 1 of 2 


File Edit [v] Start by capturing screenshots 
D new, RecordAudio  ®, 


[Y] Hide Wink Window 


€) Vorige v J d 


Adres |< C:\ 


| Window Mappen 


@ Bureaublad 
@ ) nijn documenten 
5 @ Deze computer 
@ JB 3,5-inch diskettestatio 
El <&» Lokaal station (C:) 
\C) audiograbber 
LD Cliekxarchief 
@ i) Clickx-sneuveldocs 


Region: [449 |fios |xli2ee |{an 


Size: (820 « 806) 
Current Mouse Position: (521, 118) 


Tine Cahaefie [vane scord 


Input-Driven Capture At [W]Mouse Click [W]KeyPress 


(C) Config.Msi 
: Dd 
@ (C) dexia 


Leg het ‘object’ vast dat je wil inblikken. 


STAP 3 / NIEUW PROJECT OPSTARTEN 


Je bent nu klaar om aan de slag te gaan! Onze voorbeeldsituatie is de 
volgende: je wil aan nonkel Jos uitleggen hoe je vanuit Windows Explo- 
rer een bestandsextensie aan een ander programma kan koppelen, 
zodat niet langer Photoshop opstart als hij een jpg-bestandje aanklikt. 
Open hiervoor alweer het menu Fire en kies New. De wizard New Provecr 
schiet wakker. Laat alvast het vinkje staan bij START BY CAPTURING SCREEN- 
shots. Open vervolgens Windows Explorer, positioneer het naast het 
venster van de wizard, en geef die te kennen dat je geen Screen maar 
een Winpow wil vastleggen. Druk daarna op de knop Croose en klik het 
venster van Windows Explorer aan (zie afbeelding 3). Dit krijgt nu vier 
groene hoeken mee. Wil je dat Wink straks automatisch screenshots 
maakt zodra je een muistoets indrukt of een toets aanklikt, laat dan 
zowel het vinkje bij Mouse Crick als bij Kev Press staan. Wil je tegelijk 
ook commentaar opnemen, plaats dan een vinkje naast Recorp Aupro. 
Bevestig met OK. In het tweede venster van de wizard zie je de snel- 
toetsen nog eens staan, waarna je de knop Minimize To TRAY indrukt. 


STAP 4 / OPNAMES MAKEN 


Nu hoef je eigenlijk alleen nog je uitleg te doen, net alsof nonkel Jos 
naast jou aan de pc zit. Als je de audio-optie geactiveerd hebt, vergeet 
dan best niet de microfoon in de hand te nemen. Hoe zorg je er nu voor 
dat Wink de opnames regelt? Zorg alvast dat het venster van Windows 
Explorer actief is. Telkens je nu op Pause drukt, neemt Wink een screen- 
shot van het venster. Dat kan gelukkig ook ‘automatischer’, Druk je de 
toetsencombinatie Aur+Pause in, dan neemt Wink screenshots bij elke 
toetsaanslag en/of muisklik (afhankelijk van je instellingen in stap 3), 
tot wanneer je nog een keer op Aur+Pause drukt. Ga je voor Shirr+ Pause, 
dan neemt Wink non-stop screenshots, tot je weer die toetsencombina- 
tie kiest. Is je demonstratie afgelopen? Klik dan met de rechtermuisknop 


Capture Now 


Start Timed Capture 


Finish Capture G__= 
Cancel Capture 


5) na ris ie: 4 


Vergeet niet 
te stoppen! 


op het Wink-icoontje in de Windows-taakbalk en kies Finish Capture (zie 
afbeelding 4). Praktische tip: werk je presentatie niet te snel af, zodat 
Wink je bewegingen vlotjes kan bijbenen. 


STAP 5 / WERKEN MET FRAMES 


Je belandt nu opnieuw in het hoofdvenster van Wink. Onderaan staan 
alle screenshots — voortaan frames genoemd — chronologisch opgelijnd. 
Klik je een frame aan, dan verschijnt het uitvergroot in het werkgebied 
(zie afbeelding 5). Geselecteerde frames laten zich makkelijk verplaat- 
sen door ze met de muis te verslepen (wat wellicht niet het gewenste 
effect geeft als je ook audio had opgenomen). Frames wissen is net zo 
makkelijk: gewoon selecteren en op de Detere-toets drukken. In nood- 


KÀ Wink -[unnamed3 
« File Edt View Project Window Help 


DE A 


a X & B 


Stay in this frame for [000 | sec. 
De As HH 


Extensies Bestandstypen A Frame 

Is]JNLP JNLPFile audio (1.31 sec.) 
EJ08 _ Taakplannertaakobject ke Cursor 

(BJOD _ MicrosoftJet OLEDB.4.0 
JPE _ JPE elding 


Algemeen | Weergave | Bestandstypen | Oft ine bestanden 


Geregistreerde bestandstypen 


ie 1e. 


Position: 


De JPEG-extensie 


Openen met (8) Windows-viehjer voor afbeeldingen en faxen bl Layering 


Pe ties: <none> 
Bestanden met de extensie JPEG bijn van het type Wizigen Belete 


JPEG-afbeelding. Klik op Geavancherd als u de 
instelingen wilt wijzigen die op alle 
JPEG-afbeelding-bestanden van inveed zin 


Geavanceerd 


Frame Titles 


Position: 


Elk screenshot belandt in een apart frame. 


gevallen kan je altijd nog naar Eprr, Unpo teruggrijpen. Je kan voor elk 
frame ook instellen hoelang het bij het afspelen zichtbaar moet blijven. 
In het eigenschappenpaneel rechts hoef je hiervoor alleen maar het 
aantal seconden in te vullen bij Stay IN THIS FRAME FOR … SEC. 


STAP 6 / SPELEN MET CURSORS 


Als je een frame bekijkt, dan merk je dat Wink ook de muiscursor mee 
heeft opgenomen. Die verschijnt in het werkgebied erg opvallend, in 
een gearceerd blokje. Handig is nu dat je die cursor met de muis nog 
naar een betere positie kan verslepen. Dubbelklik je (met de échte 
cursor van Wink) op dit blokje, dan verschijnt er een dialoogvenster 
Breame 


BAaoso (1.91 zech 
dors 


WE rik Cmint Ean 


Poskon [169 (1109 ‚xn 
mense 

u 8) Wedoere verre voor 
mat de estanaie JPEG zin van. x AI 
vldng Kik op Geavanceerd ak 
wek wizigen de op 
weberi kedelead Propenbe cameron lat al a 6 


» 
En waarom niet je eigen cursor? 


Clickx Magazine 128 « 19 september 2006 


WORKSHOP 


van waaruit je eventueel een andere cursor kan selecteren (zie afbeel- 
ding 6). Via de knop Import From is het zelfs mogelijk hiervoor uit een 
eigen ontwerp te putten! Ben je de cursor in de geselecteerde frames 
liever kwijt dan rijk, verwijder dan het vinkje naast Cursor, in het ei- 
genschappenpaneel. Dat geldt trouwens ook voor andere objecten 
(zoals audio) die in dit paneel vermeld staan. 


STAP 7 / TEKSTBALLONNEN TOEVOEGEN 


Schieten sommige plaatjes toch tekort, dan kan je die nog altijd ver- 
duidelijken met eigen tekstballonnen. Selecteer een of meer frames, 
en klik op het knopje App TexrBox in het eigenschappenpaneel. Standaard 
verschijnt er nu een geel tekstkader, centraal in die frames. Net als 
bij de cursor kan je dit kader met de muis verslepen. Dubbelklik je erop, 
dan verdwijnt de standaardtekst om plaats te maken voor je eigen 
pennenvruchten (zie afbeelding 7). Had je een ander ballonnetje op het 
oog, dan kan je dat gebruiken: klik maar even op Choose CaLLour, alweer 
in het eigenschappenpaneel. Je krijgt nu een hiërarchisch geordende 
lijst van tekstkaders te zien, waaruit je het gewenste ontwerp maar 
hoeft te selecteren. Bevestig je keuze met OK. Ook lettertype en uit- 
lijning van de tekst laten zich eenvoudig aanpassen: daarvoor staan de 
knopjes Croose Font en Choose Text ALren ter beschikking. 


eerdddekrent. 


T&) Comic Sans MS s[z v | 
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Bzu Wx| 
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Elit Prvesat Shoop 


| Om de toepassing die 
aan een bestandsextensie 
(hier JPEG) is gekoppeld 
aan te passen, druk je 
hier de knop Wijzigen... 


tootte | [audio (5.66 sec.) 
% 
Text () 
Cursor 


5 


Postion [376 ||i24 |ujosg [jan 


ANNEN 


Layering: 
Properties: hd Emy) a 
Tekstballonnen 
7 maken het extra 
br) ETE ved a duidelijk. 


STAP 8 / ZELF ONTWERPEN 


Op een gelijkaardige manier kan je ook afbeeldingen (App Imace) en 
allerlei vormen (App Preset Shape) aan frames toevoegen. Al deze objec- 
ten kan je niet alleen bewerken, maar ook helemaal zelf creëren. We 
geven een voorbeeld. Druk op App 
PrEsET SHAPE, waarna je in het dia- 
loogvenster de knop Create New 
indrukt. Geef een geschikte naam 
aan je ontwerp (bijvoorbeeld Ei- 
genvormen.0og) en bevestig met 
OK. Een minitoepassing duikt nu 
op. Standaard wordt je object al 
met een paarse rechthoek opge- 
vuld, maar die kan je eventueel 
wissen (met DeLere). Via de knop- 
jes bovenaan teken je nu zelf de 
gewenste vorm(en). Rechts be- 
paal je lijndikte en -kleur, en ook 
de vulkleuren van het object. Wil 
je een object schalen, vervormen 
of roteren, selecteer het dan en 


Voeg een persoonlijke touch toe! 
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druk op het bijhorende knopje, in de werkbalk bovenaan. Bevestig met 
OK als je ontwerp klaar is (zie afbeelding 8). Selecteer het en druk nog 
een keertje op OK: ziedaar, het verschijnt nu netjes in het frame! 


PO 


STAP 9 / KNOPPEN TOEVOEGEN (Epone: TSB 


Met hetzelfde gemak voeg je ook al- 
lerlei knoppen toe aan je presentatie. 
Er zijn vier soorten, en ze zijn stuk 
voor stuk vertegenwoordigd door een 
eigen knopje in het eigenschappenpa- 
neel: App Previous Burron (brengt de 
kijker naar het vorige frame terug), 
App Next Burton (voert hem naar het 
volgende frame), Aop Goro URL Burton 
(roept een webpagina op) en App Goro 
FRAME Burton (leidt hem naar een spe- 
cifiek frame van je presentatie). Nemen we dit laatste als voorbeeld. 
Selecteer het gewenste frame en druk op het knopje. Er verschijnt een 
venstertje waarin je weinig meer hoeft te doen dan het doelframe 
aanstippen (zie afbeelding 9). Standaard verschijnt nu een groen 
knopje in het midden van je frame, dat je echter net als andere objec- 
ten kan verslepen. Druk je in het eigenschappenpaneel op de knop 
Croose IMace, dan kan je die knop ook door een eigen afbeelding ver- 
vangen. Voor alle duidelijkheid laat je zo'n knop best vergezeld gaan 
van een tekstballonnetje met verdere instructies. 


A 
, Ä 
GATED ed, 


Choose Target Frame 


Z te gaan! 


STAP 10 / FILMPJE INBLIKKEN 


Prima, je hebt je presentatie afgerond. Nu is het de hoogste tijd om 
die in te blikken. Je doet er wel goed aan je project eerst te bewaren 
via Fie, Save. Het wordt dan opgeslagen in Winks eigen wnk-formaat 
— handig als je achteraf nog aan de presentatie wil sleutelen. 

Met dit wnk-bestand springt nonkel Jos natuurlijk niet ver! Die verkiest 
wellicht een Flash-bestandje (swf) of — beter nog — een uitvoerbaar 
exe-bestand. Open daarvoor het menu Provgecr en kies Setrinas. Kies bij 
Output Fre Type het gewenste formaat en tik meteen een geschikte 
bestandsnaam in. De andere instellingen kan je in principe ongemoeid 
laten. EnagLe Aupro Output lijkt een logische keuze als je inderdaad met 
audio werkt, en App CONTROL BAR TO FLASH ouTPUT maakt het de kijker mak- 
kelijker om zelf de voortgang van de animatie te bepalen. De optie App 
PRELOADER TO FLASH OUTPUT Zorgt ervoor dat er een voortgangsbalkje te zien 
is bij het inladen van het Flash-filmpje. Bevestig met OK, en kies in 
hetzelfde menu vervolgens de optie Renper. Even later is het filmpje 
Klaar. Heb je voor het 
swf-formaat geopteerd, 
dan genereert Wink ook 
een bijhorend html-be- 
standje van waaruit je 
de Flash-animatie mak- 
kelijk kan opstarten 
(zie afbeelding 10). « 


Het resultaat kan 
je rustig in je 
browser bekijken. 


De kijker hoéft niet braafjes van A tot 


